<template>
  <div>
    <!-- 语法1： @事件名="函数名" -->
    <a @click="fn" href="https://www.baidu.com">点我1</a>
    <hr />
    <!-- 语法2： @事件名="函数名($event)" -->
    <a @click="fn2($event, 99)" href="https://www.baidu.com">点我</a>
  </div>
</template>

<script>
export default {
  methods: {
    //1. 通过形参获取事件对象
    fn(e) {
      console.log("e  ----->  ", e);
      e.preventDefault();
    },
    // 2. $event对应的形参位置，就是事件对象
    fn2(e, num) {
      console.log("e  ----->  ", e);
      console.log("num  ----->  ", num);
      e.preventDefault();
    },
  },
};
</script>

<style>
</style>